var example1 = new Vue({
    el: '#example-1',
    data: {
      counter: 0
    }
  })

  var example2 = new Vue({
    el: '#example-2',
    data: {
      name: 'Vue.js'
    },
    // 在 `methods` 对象中定义方法
    methods: {
      greet: function (event) {
        // `this` 在方法里指向当前 Vue 实例
        alert('Hello ' + this.name + '!')
        // `event` 是原生 DOM 事件
        if (event) {
          alert(event.target.tagName)
        }
      }
    }
  })

  new Vue({
    el: '#example-3',
    methods: {
      say: function (message) {
        alert(message)
      }
    }
  })

  new Vue({
    el: "#myExample-1",
    methods: {
      warn: function (message, event) {
        // 现在我们可以访问原生事件对象
        if (event) {
          event.preventDefault()
          // event.preventDefault() 阻止默认事件执行，这通常代表着你有额外的事件要做
          // 或者默认事件的执行要求还未达到，不应当执行
          // 同样的，还有event.preventDefault()
          // 它用于 阻止捕获（捕捉子元素行为）和冒泡（传递本元素行为）阶段中当前事件的进一步传播。
        }
        alert(message)
      }
    }
  })

  // 也可以用 JavaScript 直接调用方法
// example2.greet() // => 'Hello Vue.js!'